<!--  -->
<template>
  <div >
    <el-row>
      <el-col :span="12"  :offset="6" style="text-align:center">
        <div class="grid-content bg-purple-dark">
            <el-form  status-icon  ref="ruleForm2" label-width="100px" class="demo-ruleForm">
              <el-form-item label="密码" prop="pass">
                <el-input type="password" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="确认密码" prop="checkPass">
                <el-input type="password"  autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="年龄" prop="age">
                <el-input ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary">提交</el-button>
                <el-button >重置</el-button>
              </el-form-item>
            </el-form>
            <my-c-k-editor5 :initeditorData= 'initeditorData' @editor-blur= "getCKEditorData">
            </my-c-k-editor5>
        </div>
      </el-col>
    </el-row>
    
  </div>
</template>

<script>
import MyCKEditor5 from './components/CKEditor5.vue'
export default {

  data () {
    return {
        editorData : '',
        //初始化富文本的数据
        initeditorData : '<p>555555</p>'
    };
  },

  components: {
    MyCKEditor5
  },

  computed: {},

  methods: {
    getCKEditorData(data){
      let vue = this;
      vue.editorData = data;
      console.log(data)
    }
  }
}

</script>
<style lang='scss' scoped>
</style>